<#assign path = request.getContextPath()>
<#assign basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/">

<!DOCTYPE HTML>
<html>
<head>
    <title>WebDesign Student - Homepage</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- bootstrap -->
    <link href="${path}/css/bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="${path}/css/bootstrap/bootstrap-responsive.css" rel="stylesheet" />
    <link href="${path}/css/bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet" />

    <!-- global styles -->
    <link rel="stylesheet" type="text/css" href="${path}/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="${path}/css/elements.css" />
    <link rel="stylesheet" type="text/css" href="${path}/css/icons.css" />

    <!-- libraries -->
    <link href="${path}/css/lib/font-awesome.css" type="text/css" rel="stylesheet" />
    
    <!-- this page specific styles -->
    <link rel="stylesheet" href="${path}/css/compiled/tables.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="${path}/css/compiled/index.css" type="text/css" media="screen" />
     <link href="${path}/css/compiled/rlslide.css" rel="stylesheet" type="text/css">

    <!-- open sans font -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css' />

    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
    <!-- navbar -->
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">            
            <a class="brand" href="#"><img src="${path}/img/logo-login.png" /></a><!--LOGO图片-->

			<ul class="nav pull-right">
            <li>
                <a href="${path}/stu/homeworkState">
                    ${username}
               	</a>
            </li>
            <li>
                <a href="${path}/common/homeworkDisplay">
                                                                      查看展示作业　　
                </a>
            </li>
                <div class="copyrights"></div>

                 <li class="hidden-phone">
                    <a href="${path}/stu/changePwd">
                       修改密码
                    </a>
                </li>

                <li class="hidden-phone">
                    <a href="${path}/common/logout"><!--跳转到signin.html页面-->

                       注销
                    </a>
                </li>
            </ul>            
        </div>
    </div>
    <!-- end navbar -->
    <div class="contentt">
        <div class="container-fluid">
            <div class="table-wrapper section">
                <div class="row-fluid">
                <table class="table table-hover">
                        <thead>
                        <tr>
                            <th class="span3">
                            	作业
                            </th>
                            <th class="span3">
                                <span class="line"></span>状态
                            </th>
                            <th class="span3">
                                <span class="line"></span>提交时间
                            </th>
                            <th class="span3">
                                <span class="line"></span>分数
                            </th>
                            <th class="span3">
                                <span class="line"></span>查看
                            </th>
                            
                        </tr>
                        </thead>
                        <tbody>
                        <!-- row -->
                        	<#list homeworks as userhomework><!-- 相当于循环 value是被迭代的集合 var是自定义变量名-->
                        		<tr class="first">
                             		<td>
                             			<!-- 写链接时记得带上变量 -->
                                       	<p>
                                       	<a href="checkDetail.action?homeworkid=${userhomework.homeworkid}">
                                       	${userhomework.title}
                                       	</a>
                                       	</p>
                                    </td>
                                     <td>
                                    	<#if userhomework.state == 0>
                                        	<span class="label label-fail">未交</span>

                                        </#if>
                                        <#if userhomework.state == 1>
                                        	<span class="label label-success">已交</span>
                                        </#if>
                                        <#if userhomework.state == 2>
                                        	<span class="label label-info">迟交</span>
                                        </#if>
                                    </td>
                                    <td>
                                    	<#if userhomework.state != 0>
                                        	<p>${userhomework.submittime}</p>
                                        </#if> 
                                        
                                        <#if userhomework.state == 0>
                                        	<p>未完成</p>
                                        </#if> 
                                    </td>
                                    <td>
                                        <p>${userhomework.score}</p>
                                    </td>
                                    <td> 
                                    	<#if userhomework.address == "#">
                                    		<a href="${userhomework.address}">
                                				<span class="label label-fail">查看</span>
                                			</a>    
                                		</#if>
                                	
                                		<#if userhomework.address != "#">
                                    		<a href="${userhomework.address}">
                                				<span class="label label-success">查看</span>
                                			</a>    
                                		</#if>
                                    </td>
                                   
                                </tr>
                            </#list>
                        </tbody>
                    </table>
                </div>
            </div>
            <div id="photo-list">  
                <ul id="scroll">  
                  <li>
                    <a href="#">
                      <img src="${path}/img/1.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/2.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/3.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/4.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/5.jpeg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/6.png" width="100px" height="100px" alt=""/>
                    </a>
                  </li>    
                  <li>
                    <a href="#">
                      <img src="${path}/img/4.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/3.jpg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/1.jpg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/2.jpg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/5.jpeg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/6.png" alt="图片加载错误"/>
                    </a>
                  </li> 
                  <li>
                    <a href="#">
                      <img src="${path}/img/1.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/2.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/3.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/4.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/5.jpeg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/6.png" width="100px" height="100px" alt=""/>
                    </a>
                  </li>    
                  <li>
                    <a href="#">
                      <img src="${path}/img/4.jpg" width="100px" height="100px" alt=""/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/3.jpg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/1.jpg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/2.jpg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/5.jpeg" alt="图片加载错误"/>
                    </a>
                  </li>  
                  <li>
                    <a href="#">
                      <img src="${path}/img/6.png" alt="图片加载错误"/>
                    </a>
                  </li> 
                </ul> 
            </div>
            <!-- end products table -->
        </div>
    </div>
    <!-- end main container -->
</body>

<script type="text/javascript" src="${path}/js/rlslide.js"></script>

</html>